<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>



    <form>

        <!--文件选择input-->
        <h3>文件选择：</h3>
        <input class="btn btn-default" type="file" id="upFile">

        <!--文件选择input中已选择文件重置(采用form表单的reset重置按钮重置)-->
        <h3>重置文件选择：</h3>
        <input class="btn btn-default" type="reset" id="reBtn" value="清空">

        <!--提交压缩后的base64文件数据给后台-->
        <h3>传给后台</h3>
        <input class="btn btn-default" type="button" id="upTo" value="提交">

        <!--后台所要获取的文件base64-->
        <h3>后台获取base64文件数据：(一个隐藏域)</h3>
        <input id="imgOne" name="imgOne" type="hidden">
        <input id="imgSize"  type="file">

        <!--所选文件压缩前预览-->
        <h3>压缩前预览：</h3>
        <img src="" id="preview">

        <!--所选文件压缩后预览-->
        <h3>压缩后预览：</h3>
        <img src="" id="nextview">

    </form>
    <script src="jq.js"></script>
    <script src="tool.js"></script>
    <script src="index.js"></script>
</body>

</html>